/* author xiegang 
   2015-12-22
     个人主页样式表
 */

/*个人主页图标导入开始*/
.icon_shop{
	display: inline-block;
	/*ie 7*/
	*display: inline;
	*zoom:1;
	background:url(../../images/shop_v1.png) no-repeat;
	background-position:  0 0;
}
/*个人主页图标导入开始*/


/*头部个人背景墙开始*/
.home_page_bg{
	height: 400px;
    width: 100%;
    background-size:cover;
    background-repeat: repeat;
    background-position: left bottom;;
}
/*头部个人背景墙结束*/

/*个人主页内容开始*/
.home_page_main{
	width: 980px;
	margin:10px auto;
}

/*左侧主页内容开始*/
.home_page_main .page_main_left{
	float: left;
	width:70%;
}
.page_main_left .left_common{
	position:relative;
	bottom: 135px;
	border-bottom: #ededed 1px dashed;
	padding-bottom: 30px;
	margin: 30px auto 0;
}

/*个人基本信息开始*/
.page_main_left .member_basic{
}
.member_basic .headpic{
	padding: 10px;
	background: #fff;
	width: 210px;
	height: 210px;
	border-radius: 210px;
	-moz-border-radius: 210px;
	-webkit-border-radius: 210px;
	-o-border-radius: 210px;
}
.member_basic .headpic img{
	display: block;
	width: 210px;
	height: 210px;
	border-radius: 210px;
	-moz-border-radius: 210px;
	-webkit-border-radius: 210px;
	-o-border-radius: 210px;
}
.member_basic .other{
	position:absolute;
	bottom:65px;
	left: 250px;
}
.member_basic .other ul li{
	margin-bottom: 10px;
	font-size: 14px;
}
.member_basic .other ul li span.name{
	color:#FF7800;
	font-size: 24px;
}
.member_basic .other ul li span.age{
	display: inline-block;
	*display: inline;
	*zoom:1;
	border-right: #efefef 1px solid;
	border-left: #efefef 1px solid;
	padding: 0 10px;
	margin: 0 10px;
}
.member_basic .other ul li i.icon_shop{
	position:relative;
	top:4px;
	margin-right: 4px;
	width: 20px;
	height: 20px;
}
.member_basic .other ul li span.label i.icon_zheng{
	background-position:-1px -62px;
}
.member_basic .other ul li span.label i.icon_v_member{
	background-position:-31px -62px;
}
.member_basic .other ul li i.icon_qq{
	background-position:0px -151px;
}
.member_basic .other ul li i.icon_wechat{
	background-position:-34px -151px;
}
/*个人基本信息结束*/

/*左边公用盒子开始*/
.left_common h2{
	margin-bottom: 15px;
	font-size: 16px;
	color: #555;
}
.left_common h2 .icon_shop{
	position:relative;
	top: 2px;
	*top:-4px;
	width: 20px;
	height: 20px;
}
/*左边公用盒子结束*/

/*人物简介开始*/
.member_intro{
}
.member_intro h2 .icon_user{
	background-position:-32px -93px;
}
.member_intro .intro_detail{
	line-height: 25px;
}
/*人物简介结束*/

/*服务介绍开始*/
.member_service .icon_service{
	background-position:-2px -91px;
}
.member_service .service_list{
	margin: 10px auto 0;
}
/*没有服务开始*/
.service_list .service_none{
	color:#999;
}
/*服务列表开始*/
.service_list .service_list_box{
	margin: 0 auto 20px;
	border-bottom: #ededed 1px solid;
	padding: 0 0 20px 0;
}
.service_list .service_list_box:last-child{
	border-bottom: none;
	padding:0;
}
.service_list_box .thumb{
	float: left;
	width: 25%;
}
.service_list_box .thumb img,.service_list_box .thumb a{
	display: block;
	width: 172px;
	height: 172px;
}
.service_list_box .content{
	float: right;
	width: 73%;
}
.service_list_box .content ul li{
	margin-bottom: 13px;
}
/*服务名开始*/
.service_list_box .content ul li.name{
	position:relative;
	overflow:hidden;
	text-overflow:ellipsis;/*省略号*/
	word-wrap:break-word;/*换行*/
	white-space: nowrap;/*不换行*/
}
.service_list_box .content ul li.name span.title{
	font-size: 16px;
	color:#656565;
	margin:  0 5px 0 0;
}
.service_list_box .content ul li.name span.price em{
	color:#FF7800;
	margin:0 2px;
}
.service_list_box .content ul li.name span.nums{
	position:absolute;
	top: 0px;
	right: 0px;
	color:#FF7800;
}
/*服务标签开始*/
.service_list_box .content ul li.label{
	height: 22px;
	overflow:hidden;
	text-overflow:ellipsis;/*省略号*/
	white-space: nowrap;/*不换行*/
}
.service_list_box .content ul li.label span{
	float: left;
	margin:2px 5px 3px 0;
	*margin:2px 4px 2px 0;
	cursor: pointer;
}
.service_list_box .content ul li.label span i{
	display: block;
	float: left;
	font-size:12px;
}
.service_list_box .content ul li.label span .icon_header{
	background-position:0 -124px;
	width: 19px;
	height: 19px;
}
.service_list_box .content ul li.label span .icon_footer{
	background:#F1F1F1;
	border:#BABABA 1px solid;
	border-left: none;
	height: 17px;
	padding: 0 5px 0 0;
	line-height: 17px;
}
.service_list_box .content ul li.label span:hover .icon_header,.service_list_box .content ul li.label span.hover .icon_header{
	background-position:-57px -124px;
}
.service_list_box .content ul li.label span:hover .icon_footer,.service_list_box .content ul li.label span.hover .icon_footer{
	border:#ff7800 1px solid;
	border-left: none;
	background:none;
	color:#ff7800;
}
/*服务描述开始*/
.service_list_box .content ul li.intro{
	line-height:30px;;
	height:60px;
	overflow: hidden;
}
/*服务操作开始*/
.service_list_box .content ul li.operation{
	margin-bottom: 0px;
}
.service_list_box .content ul li.operation a{
	border:#FF7800 1px solid;
	padding: 5px 20px;
	margin-right: 10px;
}
.service_list_box .content ul li.operation a.detail{
	color:#FF7800;
	background:#FFFAF5;
}
.service_list_box .content ul li.operation a:hover{
	color:#fff;
	background:#FF7800;
}
.service_list_box .content ul li.operation a.order{
	color:#fff;
	background:#FF7800;
}
.service_list_box .content ul li.operation a.order:hover{
	background:#FC891F!important;
}
/*服务介绍结束*/

/*个人留言开始*/
.page_main_left .message_list{
	border-bottom: none!important;
}
.page_main_left .message_add h2 .icon_message{
	background-position:-59px -89px;
}
.page_main_left .message_add .message{
	border:#ededed 1px solid;
	font-size: 12px;
	width: 98%;
	padding: 5px 1%;
	font-family: "微软雅黑";
	background: #F2F2F2;
	color: #373737;
	height: 80px;
}
.page_main_left .message_add .message:focus{
	border:#ddd 1px solid;
}
.page_main_left .message_add .submit_msg{
	margin-top: 15px;
	padding: 5px 20px;
	color: #fff;
}
.page_main_left .message_add .submit_msg:hover{
	background:#FC891F!important;
}

/*评论列表开始*/
.page_main_left .message_list .comment_none{
	margin:10px auto;
	text-align: left;
	color:#999;
}
.page_main_left .message_list .comment_list{
	border-bottom: #F2F2F2 2px solid;
	padding-bottom: 20px;
	margin: 20px auto 0;
}
.message_list .comment_list:last-child{
	border-bottom: none;
}
/*左边-评论人头像开始*/
.comment_list .comment_headpic{
	float: left;
	width: 10%;
}
.comment_list .comment_headpic a{
	display: block;
	width: 100%;
}
.comment_list .comment_headpic a img{
	display: block;
	width: 35px;
	height: 35px;
	border-radius: 35px;
	-moz-border-radius: 35px;
	-webkit-border-radius: 35px;
	margin: 0px auto;
}
/*右边-评论信息开始*/
.comment_list .comment_msg{
	width: 90%;
	float:right;
	text-align: left;
}
.comment_msg .msg_people>ul>li{
	float: left;
	height: 35px;
	line-height: 35px;
	font-size:14px;
}
.comment_msg .msg_people>ul>li.name{
	color:#FF7700;
	font-size: 16px;
}
.comment_msg .msg_people>ul>li.address>em{
	display:inline-block;
	*display: inline;
	*zoom:1;
	margin: 0 8px;
}
.comment_msg .msg_people>ul>li.right{
	float: right;
	margin-left: 10px;
}
.comment_msg .msg_people>ul>li.more{
	position:relative;
	cursor: pointer;
}
.comment_msg .msg_people>ul>li.more .icon_down{
	background-position: -1px -25px;
    height: 6px;
    width: 12px;
}
.comment_msg .msg_people>ul>li.more>ul{
	background: #fff;
	display: none;
	position:absolute;
	top:30px;
	right: 0px;
	z-index: 100;
	width: 300%;
	border:#dedede 1px solid;
	text-align: center;
}
.comment_msg .msg_people>ul>li.more:hover>ul{
	display: block;
}
.comment_msg .msg_people>ul>li.more>ul>li{
	line-height: 30px;
	font-size:12px;
}
.comment_msg .msg_people>ul>li.more>ul>li:hover{
	background:#dedede;
}
.comment_msg .msg_service{
	margin: 10px auto;
}
.comment_msg .msg_service>ul>li{
	float: left;
	margin-right: 5px;
	font-size:14px;
	cursor: pointer;
}
.comment_msg .msg_service>ul>li.title{
}
.comment_msg .msg_service>ul>li>.icon_shop{
	float: left;
	font-size: 12px;
}
.comment_msg .msg_service>ul>li .icon_header{
	background-position:0px -124px;
	width: 19px;
	height: 19px;
}
.comment_msg .msg_service>ul>li .icon_footer{
	background:#F1F1F1;
	border:#BABABA 1px solid;
	border-left: none;
	height: 17px;
	padding: 0 5px 0 0;
	line-height: 17px;
}
.comment_msg .msg_service>ul>li:hover .icon_header,.comment_msg .msg_service>ul>li.hover .icon_header{
	background-position:-57px -124px;
}
.comment_msg .msg_service>ul>li:hover .icon_footer,.comment_msg .msg_service>ul>li.hover .icon_footer{
	border:#ff7800 1px solid;
	border-left: none;
	background:none;
	color:#ff7800;
}
.comment_msg .msg_desc{
	line-height: 22px;
}
.comment_msg .msg_imglist{
	margin: 10px auto;
}
.comment_msg .msg_imglist>ul>li{
	float: left;
	margin: 0 10px 0 0;
}
.comment_msg .msg_imglist>ul>li>img{
	width:120px;
	height: 90px;
	display: block;
	cursor: pointer;
}
/*评论列表结束*/

/*个人留言结束*/

/*左侧主页内容结束*/


/*右侧主页内容开始*/
.home_page_main .page_main_right{
	float: right;
	width:25%;
	padding:2% 0% 3% 0;
	background:#F8F8F8;
}
.page_main_right .member_focus{
	border-bottom:#C9C9C9 1px dashed;
	padding-bottom: 10px;
}
.page_main_right .member_focus ul li{
	display: inline-block;
	*display: inline;
	*zoom:1;
	width: 90%;
	padding: 5px 5%;
	font-size: 14px;
	overflow:hidden;
	text-overflow:ellipsis;/*省略号*/
	word-wrap:break-word;/*换行*/
	white-space: nowrap;/*不换行*/
}
.page_main_right .member_focus ul li em{
	color: #FF7800;
}
.page_main_right .member_focus ul li.focus_on em{
	color: #fff;
	padding: 5px 15px;
}

/*会员标签开始*/
.member_label{
	margin: 0px auto;
}
.member_label ul li{
	padding: 10px 5%;
	line-height: 25px;;
}
.member_label ul li.label{
	border-bottom:#C9C9C9 1px dashed;
}
.member_label ul li.label span{
	float: left;
	margin: 3% 7%;
	cursor: pointer;
}
.member_label ul li.label span i{
	display: block;
	float: left;
	font-size:12px;
}
.member_label ul li.label span .icon_header{/*默认绿色*/
	background-position:-30px -124px;
	width: 19px;
	height: 19px;
}
.member_label ul li.label span .icon_footer{
	border:#9EC44A 1px solid;
	border-left: none;
	border-left: none;
	height: 17px;
	padding: 0 5px 0 0;
	line-height: 17px;
	background:#fff;
	color:#9EC44A;
}
.member_label ul li.link>a{
	display: inline-block;
	*display: inline;
	*zoom:1;
	margin-right: 5px;
}
.member_label ul li.link>a>img{
	width: 25px;
	height: 25px;
	display: block;
}
.member_label ul li.title{
	font-size: 16px;
}
.member_label ul li.small_title{
	font-size: 12px;
}
.member_label ul li.small_title em{
	color: #FF7800;
}
/*职业标签样式重置*/
.member_label ul li.profession span .icon_header{
	background-position: -57px -124px;
}
.member_label ul li.profession span .icon_footer{
	background:#fff;
	color:#ff7800;
	border:#ff7800 1px solid;
	border-left: none;
}

/*右侧主页内容结束*/

/*个人主页内容结束*/


/*******超过1440px的大屏下显示效果*******/
@media screen and (min-width:1440px) {
	/*个人主页内容开始*/
	.home_page_main{
		width: 1200px;
	}
	.service_list_box .content ul li{
		margin-bottom: 15px;
	}
	.service_list_box .thumb img,.service_list_box .thumb a{
		width: 210px;
		height: 210px;
	}
	.member_label ul li.label span{
		margin: 3%;
	}
}